<ion-view view-title="易联锁" hide-back-button="true">

  <ion-content>
    <section class="light royal-bg text-center">
      <div class="bar bar-royal block-title">
        <h5 class="light">
          <span ng-if="saleAnalytics.loaded">今日业绩</span>
          <ion-spinner icon="lines" ng-if="!saleAnalytics.loaded" class="spinner-light"></ion-spinner>
        </h5>
        <a class="button button-icon icon ion-ios-more pull-right" href="#/performance"></a>
      </div>

      <div class="row">
        <div class="col">
          <h3 class="light" ng-show="saleAnalytics.loaded">{{saleAnalytics.totalSale | currency:'￥'}} </h3>
          <div class="attenuated">销售额</div>
        </div>

        <div class="col">
          <h3 class="light">{{saleAnalytics.productCount}} 件/ {{saleAnalytics.orderCount}} 单</h3>
          <div class="attenuated">销售单数</div>
        </div>
      </div>
    </section>

    <div class="percent margin-bottom">
      <span class="percent-inner" style="right:{{(1 - 0.6)*100 +'%'}}"></span>
      <div class="padding text-center percent-content">
        <span class="h2 light">60%</span>
        <div class="light margin-top">本月任务完成度</div>
      </div>
    </div>

  <ion-list>
      <ion-item class="margin-bottom-large item-icon-left item-icon-right" href="#/im/notice">
        <i class="icon ion-ios-bell assertive"></i>
        系统通知<span class="badge badge-assertive">{{''}}</span>
        <i class="icon ion-ios-arrow-right"></i>
      </ion-item>

      <ion-item class="margin-bottom-large item-icon-left item-icon-right" href="#/performance">
        <i class="icon ion-ribbon-b positive"></i>
        业绩统计
        <span class="item-note">本月 {{saleOrdersCountMonthly}} 单</span>
        <i class="icon ion-ios-arrow-right"></i>
      </ion-item>

      <ion-item class="item-icon-left item-icon-right" href="#/inventory">
        <i class="icon ion-cube royal"></i>
        库存查询
        <i class="icon ion-ios-arrow-right "></i>
      </ion-item>

      <ion-item class="margin-bottom-large item-icon-left item-icon-right" ui-sref="app.purchase-order-list">
        <i class="icon ion-ios-download royal"></i>
        待入库
        <i class="icon ion-ios-arrow-right "></i>
      </ion-item>

      <ion-item class=" item-icon-left item-icon-right" href="#/sale/create-order">
        <i class="icon ion-ios-upload assertive"></i>
        开销售单
        <i class="icon ion-ios-arrow-right"></i>
      </ion-item>

      <ion-item class="margin-bottom-large item-icon-left item-icon-right" ui-sref="app.sale-order-list">
        <i class="icon ion-ios-list balanced"></i>
        历史销售单
        <span class="item-note">{{saleOrdersCountAll}} 单</span>
        <i class="icon ion-ios-arrow-right"></i>
      </ion-item>

      <ion-item class="item-icon-left item-icon-right" href="#/transfer-products">
        <i class="icon ion-arrow-shrink assertive"></i>
        申请调货
        <span class="item-note">1个申请,处理中</span>
        <i class="icon ion-ios-arrow-right"></i>
      </ion-item>

      <ion-item class="margin-bottom-large item-icon-left item-icon-right" href="#/transfer-list">
        <i class="icon ion-document-text balanced"></i>
        历史调货单
        <span class="item-note">{{5}}单</span>
        <i class="icon ion-ios-arrow-right"></i>
      </ion-item>


    </ion-list>

  </ion-content>
</ion-view>
